<template>
<el-scrollbar style="height:100%" class="opration-container">
     <div class="opration">
        <div class="oprationLeft">
            <bs-add-button-icon @click.native="addDeviceWarnRule" :show-icon="false" v-has="'TERMINAL_WARN_SAVE'"></bs-add-button-icon>
            <bs-edit-button-icon @click.native="editDeviceWarnRule" :show-icon="false" v-has="'TERMINAL_WARN_UPDATE'"></bs-edit-button-icon>
            <bs-delete-button-icon @click.native="deleteDeviceWarnRule" :show-icon="false" v-has="'TERMINAL_WARN_DELETE'"></bs-delete-button-icon>
            <bs-refresh-button-icon @click.native="refresh" :show-icon="false"></bs-refresh-button-icon>
        </div>
    </div>
</el-scrollbar>
</template>
<script>
export default {
    name: 'DeviceWarnCondition',
    data() {
        return {
        }
    },
    mounted() {
        this.$nextTick(function() {
        })
    },
    methods:{
        addDeviceWarnRule() {
            this.$emit("add");
        },
        editDeviceWarnRule() {
            this.$emit("edit");
        },
        deleteDeviceWarnRule() {
            this.$emit("delete");
        },
        refresh() {
            this.$emit("refresh");
        },
    }
}
</script>